<template>
  <div>
    <el-card class="card" :body-style="{ padding: '0px'}">
      <div slot="header"
           style="display: flex;ustify-content: space-between;justify-content: space-between;align-items: center;">
        <div class="cardHeader">
          <div class="cardTitle">{{ titleIn }}</div>
        </div>
        <router-link :to="`/bid/list?category=${category}`">
          <div class="headerMore">
            更多
            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none"
                 version="1.1" width="10" height="10" viewBox="0 0 10 10">
              <g style="mix-blend-mode:passthrough">
                <g style="mix-blend-mode:passthrough" transform="matrix(-1,0,0,1,18.183460235595703,0)">
                  <path
                    d="M13.524350117797852,1.7429931562499998Q13.594920117797852,1.6726351562500001,13.633120117797851,1.58060015625Q13.671320117797851,1.48856515625,13.671320117797851,1.38891615625Q13.671320117797851,1.33967015625,13.661710117797853,1.2913711562499999Q13.652110117797852,1.24307115625,13.633260117797851,1.19757415625Q13.614410117797853,1.15207715625,13.58706011779785,1.11113115625Q13.559700117797853,1.07018415625,13.524870117797851,1.03536215625Q13.490050117797852,1.00054015625,13.44911011779785,0.97318115625Q13.408160117797852,0.94582175625,13.362660117797851,0.92697625625Q13.317160117797851,0.90813075625,13.268870117797851,0.89852337625Q13.220570117797852,0.88891601525,13.171320117797851,0.88891601525Q13.072060117797852,0.88891601525,12.980320117797852,0.92683465625Q12.888590117797852,0.96475325625,12.81829011779785,1.03483915625L9.267490117797852,4.57514015625Q9.091125130797852,4.75098015625,9.091125130797852,5.00003015625Q9.091125130797852,5.24908015625,9.267490117797852,5.42492015625L12.81829011779785,8.96522015625Q12.888590117797852,9.03530015625,12.980320117797852,9.07322015625Q13.072060117797852,9.11114015625,13.171320117797851,9.11114015625Q13.220570117797852,9.11114015625,13.268870117797851,9.10153015625Q13.317160117797851,9.09192015625,13.362660117797851,9.07308015625Q13.408160117797852,9.05423015625,13.44911011779785,9.02687015625Q13.490050117797852,8.99951015625,13.524870117797851,8.96469015625Q13.559700117797853,8.92987015625,13.58706011779785,8.88892015625Q13.614410117797853,8.84798015625,13.633260117797851,8.802480156249999Q13.652110117797852,8.75698015625,13.661710117797853,8.70868015625Q13.671320117797851,8.66038015625,13.671320117797851,8.61114015625Q13.671320117797851,8.51149015625,13.633120117797851,8.41945015625Q13.594920117797852,8.32742015625,13.524350117797852,8.257060156249999L10.257650117797851,5.00003015625L13.524350117797852,1.7429931562499998ZM17.146420117797852,1.7429931562499998Q17.216990117797852,1.6726351562500001,17.255190117797852,1.58060015625Q17.293390117797852,1.48856515625,17.293390117797852,1.38891615625Q17.293390117797852,1.33967015625,17.283780117797853,1.2913711562499999Q17.27418011779785,1.24307115625,17.255330117797854,1.19757415625Q17.236480117797853,1.15207715625,17.209120117797852,1.11113115625Q17.18176011779785,1.07018415625,17.146940117797854,1.03536215625Q17.11212011779785,1.00054015625,17.071170117797852,0.97318115625Q17.030230117797853,0.94582175625,16.984730117797852,0.92697625625Q16.93923011779785,0.90813075625,16.890940117797854,0.89852337625Q16.842640117797853,0.88891601525,16.793390117797852,0.88891601525Q16.69413011779785,0.88891601525,16.602390117797853,0.92683465625Q16.51066011779785,0.96475325625,16.44036011779785,1.03483915625L12.889560117797851,4.57514015625Q12.713200117797852,4.75098015625,12.713200117797852,5.00003015625Q12.713200117797852,5.24908015625,12.889560117797851,5.42492015625L16.44036011779785,8.96522015625Q16.51066011779785,9.03530015625,16.602390117797853,9.07322015625Q16.69413011779785,9.11114015625,16.793390117797852,9.11114015625Q16.842640117797853,9.11114015625,16.890940117797854,9.10153015625Q16.93923011779785,9.09192015625,16.984730117797852,9.07308015625Q17.030230117797853,9.05423015625,17.071170117797852,9.02687015625Q17.11212011779785,8.99951015625,17.146940117797854,8.96469015625Q17.18176011779785,8.92987015625,17.209120117797852,8.88892015625Q17.236480117797853,8.84798015625,17.255330117797854,8.802480156249999Q17.27418011779785,8.75698015625,17.283780117797853,8.70868015625Q17.293390117797852,8.66038015625,17.293390117797852,8.61114015625Q17.293390117797852,8.51149015625,17.255190117797852,8.41945015625Q17.216990117797852,8.32742015625,17.146420117797852,8.257060156249999L13.879720117797852,5.00003015625L17.146420117797852,1.7429931562499998Z"
                    fill-rule="evenodd" fill="#787878" fill-opacity="1"/>
                </g>
              </g>
            </svg>
          </div>
        </router-link>

      </div>
      <div>
        <div v-if="data != null && data.length > 0">
          <div>
            <ul>
              <template v-for="item in data">
                <router-link :to="`/bid/detail?id=${item.id}`">
                  <li>
                    <div class="content">
                      <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none"
                           version="1.1" width="20" height="20" viewBox="0 0 20 20">
                        <defs>
                          <clipPath id="master_svg0_269_4969">
                            <rect x="0" y="0" width="20" height="20" rx="0"/>
                          </clipPath>
                        </defs>
                        <g clip-path="url(#master_svg0_269_4969)">
                          <g>
                            <path
                              d="M15.636056640625,17.387988769531248C15.532056640625,17.387988769531248,15.428056640625,17.35598876953125,15.340056640625,17.29598876953125L10.000056640625,13.57998876953125L4.824056640625,17.18398876953125C4.664056640625,17.29598876953125,4.460056640625,17.30798876953125,4.288056640625,17.21998876953125C4.116056640625,17.12798876953125,4.008056640625,16.951988769531248,4.008056640625,16.759988769531247L4.008056640625,4.61598876953125C4.008056640625,3.49198876953125,4.924056640625,2.57598876953125,6.048056640625,2.57598876953125L14.116056640625,2.57598876953125C15.240056640625,2.57598876953125,16.156056640625,3.49198876953125,16.156056640625,4.61598876953125L16.156056640625,16.86798876953125C16.156056640625,17.06398876953125,16.048056640625,17.23998876953125,15.876056640625,17.327988769531252C15.800056640625,17.36798876953125,15.716056640625,17.387988769531248,15.636056640625,17.387988769531248ZM10.000056640625,12.69198876953125C10.168056640625,12.69198876953125,10.336056640625,12.73998876953125,10.480056640625001,12.83998876953125L15.276056640625,16.17598876953125L15.276056640625,4.61598876953125C15.276056640625,3.97598876953125,14.756056640625,3.45598876953125,14.116056640625,3.45598876953125L6.048056640625,3.45598876953125C5.408056640625,3.45598876953125,4.888056640625,3.97598876953125,4.888056640625,4.61598876953125L4.888056640625,16.06798876953125L9.520056640625,12.83998876953125C9.664056640624999,12.73998876953125,9.832056640625,12.69198876953125,10.000056640625,12.69198876953125Z"
                              fill="#1CD0B7" fill-opacity="1"/>
                          </g>
                          <g>
                            <path
                              d="M9.9285278125,7.30399419921875Q9.9285278125,7.3708541992187495,9.9219778125,7.43738419921875Q9.915427812499999,7.5039241992187495,9.9023878125,7.5694941992187506Q9.8893478125,7.63507419921875,9.8699378125,7.69905419921875Q9.8505378125,7.76303419921875,9.8249678125,7.82480419921875Q9.799387812500001,7.8865741992187495,9.7678778125,7.94553419921875Q9.7363678125,8.004494199218751,9.6992378125,8.06009419921875Q9.6621078125,8.11568419921875,9.6197078125,8.16736419921875Q9.5772978125,8.21904419921875,9.5300378125,8.26632419921875Q9.4827778125,8.31359419921875,9.4311078125,8.35601419921875Q9.3794478125,8.39842419921875,9.3238678125,8.435574199218749Q9.2682978125,8.47271419921875,9.209347812499999,8.50423419921875Q9.1504078125,8.53575419921875,9.0886578125,8.56133419921875Q9.0269078125,8.58692419921875,8.9629478125,8.60633419921875Q8.8989878125,8.62573419921875,8.8334278125,8.638784199218751Q8.7678778125,8.65182419921875,8.7013578125,8.65837419921875Q8.6348478125,8.66493419921875,8.5680078125,8.66493419921875Q8.5011678125,8.66493419921875,8.4346578125,8.65837419921875Q8.3681378125,8.65182419921875,8.3025878125,8.638784199218751Q8.2370278125,8.62573419921875,8.1730698125,8.60633419921875Q8.1091098125,8.58692419921875,8.0473588125,8.56133419921875Q7.9856088125,8.53575419921875,7.9266628125,8.50423419921875Q7.8677168125,8.47271419921875,7.8121438125000005,8.435574199218749Q7.7565698125,8.39842419921875,7.7049028125,8.35601419921875Q7.6532368125,8.31359419921875,7.6059748125,8.26632419921875Q7.5587138125,8.21904419921875,7.5163118125,8.16736419921875Q7.4739098125,8.11568419921875,7.4367768125,8.06009419921875Q7.3996438125,8.004494199218751,7.3681368125,7.94553419921875Q7.3366298125,7.8865741992187495,7.3110518125,7.82480419921875Q7.2854738125,7.76303419921875,7.2660717125,7.69905419921875Q7.2466697125,7.63507419921875,7.2336302125,7.5694941992187506Q7.2205908125,7.5039241992187495,7.2140395225,7.43738419921875Q7.2074882505,7.3708541992187495,7.2074882505,7.30399419921875Q7.2074882505,7.23713419921875,7.2140395225,7.17059419921875Q7.2205908125,7.10406419921875,7.2336302125,7.03848419921875Q7.2466697125,6.97291419921875,7.2660717125,6.90893319921875Q7.2854738125,6.84495319921875,7.3110518125,6.78318419921875Q7.3366298125,6.72141519921875,7.3681368125,6.66245119921875Q7.3996438125,6.60348719921875,7.4367768125,6.54789619921875Q7.4739098125,6.49230519921875,7.5163118125,6.44062219921875Q7.5587138125,6.38894019921875,7.6059748125,6.34166419921875Q7.6532368125,6.29438819921875,7.7049028125,6.25197319921875Q7.7565698125,6.20955819921875,7.8121438125000005,6.17241419921875Q7.8677168125,6.13526919921875,7.9266628125,6.10375219921875Q7.9856088125,6.07223519921875,8.0473588125,6.04664919921875Q8.1091098125,6.02106379921875,8.1730698125,6.00165579921875Q8.2370278125,5.98224769921875,8.3025878125,5.96920429921875Q8.3681378125,5.95616079921875,8.4346578125,5.94960748921875Q8.5011678125,5.94305419921875,8.5680078125,5.94305419921875Q8.6348478125,5.94305419921875,8.7013578125,5.94960748921875Q8.7678778125,5.95616079921875,8.8334278125,5.96920429921875Q8.8989878125,5.98224769921875,8.9629478125,6.00165579921875Q9.0269078125,6.02106379921875,9.0886578125,6.04664919921875Q9.1504078125,6.07223519921875,9.209347812499999,6.10375219921875Q9.2682978125,6.13526919921875,9.3238678125,6.17241419921875Q9.3794478125,6.20955819921875,9.4311078125,6.25197319921875Q9.4827778125,6.29438819921875,9.5300378125,6.34166419921875Q9.5772978125,6.38894019921875,9.6196978125,6.44062219921875Q9.6621078125,6.49230519921875,9.6992378125,6.54789619921875Q9.7363678125,6.60348719921875,9.7678778125,6.66245119921875Q9.799387812500001,6.72141519921875,9.8249578125,6.78318419921875Q9.8505378125,6.84495319921875,9.8699378125,6.90893319921875Q9.8893478125,6.97291419921875,9.9023878125,7.03848419921875Q9.915427812499999,7.10406419921875,9.9219778125,7.17059419921875Q9.9285278125,7.23713419921875,9.9285278125,7.30399419921875Z"
                              fill="#1CD0B7" fill-opacity="1"/>
                          </g>
                        </g>
                      </svg>
                      <span style="margin-left: 10px">{{ `【${item.bidPublisher}】${item.bidTitle}` }}</span>
                    </div>
                    <div class="datetime">
                      <span>{{ parseTime(item.bidPublishDatetime, '{y}-{m}-{d}') }}</span>
                    </div>
                  </li>
                </router-link>
              </template>
            </ul>
          </div>
        </div>
        <div v-else>
          <el-row>
            <el-col :span="24" class="emptyData">
              <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none"
                   version="1.1"
                   width="160" height="160" viewBox="0 0 160 160">
                <defs>
                  <clipPath id="master_svg0_338_8545">
                    <rect x="0" y="0" width="160" height="160" rx="0"/>
                  </clipPath>
                </defs>
                <g clip-path="url(#master_svg0_338_8545)">
                  <g style="opacity:0.20000000298023224;">
                    <path
                      d="M89.6,60.8000244140625L89.6,38.4000244140625L56,38.4000244140625C51.6,38.4000244140625,48,42.0000244140625,48,46.4000244140625L48,118.4000244140625C48,122.8000244140625,51.6,126.4000244140625,56,126.4000244140625L104,126.4000244140625C108.4,126.4000244140625,112,122.8000244140625,112,118.4000244140625L112,60.8000244140625L89.6,60.8000244140625ZM96.4,76.64002441406251L78.56,98.4000244140625L75.2,95.2000244140625L71.84,98.4800244140625L71.84,91.92002441406251L92.64,78.5600244140625L69.6,89.7600244140625L63.6,84.16002441406249L63.6,83.44002441406249L96.4,75.92002441406251L96.4,76.64002441406251Z"
                      fill="#1BD0B7" fill-opacity="0.6600000262260437"/>
                  </g>
                  <g style="opacity:0.10000000149011612;">
                    <path
                      d="M144,140Q144,140.19639,143.923,140.39254Q143.846,140.58868999999999,143.692,140.78414Q143.538,140.97958,143.30700000000002,141.17384Q143.077,141.36811,142.76999999999998,141.56072Q142.464,141.75334,142.082,141.94384Q141.7,142.1343,141.244,142.3223Q140.788,142.5102,140.25900000000001,142.6951Q139.73000000000002,142.88,139.128,143.0615Q138.527,143.2429,137.85500000000002,143.4204Q137.184,143.598,136.44299999999998,143.7712Q135.702,143.9444,134.89499999999998,144.1128Q134.087,144.2813,133.214,144.4446Q132.341,144.6079,131.405,144.7656Q130.469,144.9233,129.473,145.0751Q128.476,145.227,127.421,145.3725Q126.366,145.518,125.255,145.6569Q124.144,145.7957,122.98,145.9276Q121.816,146.0595,120.601,146.1841Q119.387,146.3087,118.125,146.4257Q116.863,146.5426,115.5565,146.6518Q114.2502,146.7609,112.9026,146.8618Q111.555,146.9628,110.1694,147.0554Q108.7838,147.1479,107.3635,147.2319Q105.9433,147.3159,104.4917,147.391Q103.0402,147.46620000000001,101.561,147.5324Q100.0817,147.5985,98.5782,147.6555Q97.0748,147.7125,95.5507,147.7602Q94.0267,147.808,92.4858,147.84629999999999Q90.9449,147.8846,89.3907,147.9134Q87.8366,147.9422,86.2731,147.9615Q84.7095,147.9807,83.1403,147.9904Q81.5711,148,80,148Q78.4289,148,76.8597,147.9904Q75.2904,147.9807,73.7269,147.9615Q72.1634,147.9422,70.6092,147.9134Q69.05510000000001,147.8846,67.5142,147.84629999999999Q65.9733,147.808,64.4493,147.7602Q62.9252,147.7125,61.4218,147.6555Q59.9183,147.5985,58.439,147.5324Q56.9598,147.46620000000001,55.5083,147.391Q54.0567,147.3159,52.6365,147.2319Q51.2162,147.1479,49.8306,147.0554Q48.445,146.9628,47.0974,146.8618Q45.7498,146.7609,44.4435,146.6518Q43.1372,146.5426,41.8752,146.4257Q40.613299999999995,146.3087,39.3988,146.1841Q38.1843,146.0595,37.0202,145.9276Q35.8561,145.7957,34.7452,145.6569Q33.6342,145.518,32.5791,145.3725Q31.524,145.227,30.5273,145.0751Q29.5306,144.9233,28.5947,144.7656Q27.6588,144.6079,26.785899999999998,144.4446Q25.91308,144.2813,25.10537,144.1128Q24.29766,143.9444,23.55704,143.7712Q22.81642,143.598,22.14468,143.4204Q21.47295,143.2429,20.87171,143.0615Q20.27047,142.88,19.74118,142.6951Q19.21189,142.5102,18.75582,142.3223Q18.29975,142.1343,17.918,141.94384Q17.53625,141.75334,17.22974,141.56072Q16.923233,141.36811,16.692703,141.17384Q16.462173,140.97958,16.308177,140.78414Q16.154182,140.58868999999999,16.0770908,140.39254Q16,140.19639,16,140Q16,139.80361,16.0770908,139.60746Q16.154182,139.41131000000001,16.308177,139.21586Q16.462173,139.02042,16.692703,138.82616Q16.923233,138.63189,17.22974,138.43928Q17.53625,138.24666,17.918,138.05616Q18.29975,137.86565,18.75582,137.67772Q19.21189,137.48979,19.74118,137.30488Q20.27047,137.11997,20.87171,136.93853000000001Q21.47295,136.75709,22.14468,136.57956Q22.81642,136.40203,23.55704,136.22883Q24.29766,136.05563,25.10537,135.88718Q25.91308,135.71873,26.785899999999998,135.55544Q27.6588,135.39215,28.5947,135.23441Q29.5306,135.07666,30.5273,134.92485Q31.524,134.77304,32.5791,134.62753Q33.6342,134.48201,34.7452,134.34315Q35.8561,134.20428,37.0202,134.07239Q38.1843,133.9405,39.3988,133.81592Q40.613299999999995,133.69133,41.8752,133.57434Q43.1372,133.45735,44.4435,133.34824Q45.7498,133.23914,47.0974,133.13817Q48.445,133.03721,49.8306,132.94463Q51.2162,132.852053,52.6365,132.768086Q54.0567,132.684118,55.5083,132.608964Q56.9598,132.533809,58.439,132.467647Q59.9183,132.401486,61.4218,132.344477Q62.9252,132.287469,64.4493,132.23975Q65.9733,132.192031,67.5142,132.153718Q69.05510000000001,132.115404,70.6092,132.0865879Q72.1634,132.0577717,73.7269,132.0385222Q75.2904,132.0192727,76.8597,132.00963635Q78.4289,132,80,132Q81.5711,132,83.1403,132.00963635Q84.7095,132.0192727,86.2731,132.0385222Q87.8366,132.0577717,89.3907,132.0865879Q90.9449,132.115404,92.4858,132.153718Q94.0267,132.192031,95.5507,132.23975Q97.0748,132.287469,98.5782,132.344477Q100.0817,132.401486,101.561,132.467647Q103.0402,132.533809,104.4917,132.608964Q105.9433,132.684118,107.3635,132.768086Q108.7838,132.852053,110.1694,132.94463Q111.555,133.03721,112.9026,133.13817Q114.2502,133.23914,115.5565,133.34824Q116.863,133.45735,118.125,133.57434Q119.387,133.69133,120.601,133.81592Q121.816,133.9405,122.98,134.07239Q124.144,134.20428,125.255,134.34315Q126.366,134.48201,127.421,134.62753Q128.476,134.77304,129.473,134.92485Q130.469,135.07666,131.405,135.23441Q132.341,135.39215,133.214,135.55544Q134.087,135.71873,134.89499999999998,135.88718Q135.702,136.05563,136.44299999999998,136.22883Q137.184,136.40203,137.85500000000002,136.57956Q138.527,136.75709,139.128,136.93853000000001Q139.73000000000002,137.11997,140.25900000000001,137.30488Q140.788,137.48979,141.244,137.67772Q141.7,137.86565,142.082,138.05616Q142.464,138.24666,142.76999999999998,138.43928Q143.077,138.63189,143.30700000000002,138.82616Q143.538,139.02042,143.692,139.21586Q143.846,139.41131000000001,143.923,139.60746Q144,139.80361,144,140Z"
                      fill="#1BD0B7" fill-opacity="0.6600000262260437"/>
                  </g>
                  <g style="opacity:0.5;">
                    <path
                      d="M15,82.08C15,83.44,16.04,84.48,17.4,84.48C18.759999999999998,84.48,19.8,83.44,19.8,82.08C19.8,80.72,18.759999999999998,79.68,17.4,79.68C16.12,79.68,15,80.8,15,82.08ZM23,128.48000000000002C23,129.84,24.04,130.88,25.4,130.88C26.759999999999998,130.88,27.8,129.84,27.8,128.48000000000002C27.8,127.12,26.759999999999998,126.08,25.4,126.08C24.119999999999997,126.08,23,127.2,23,128.48000000000002ZM144.76,132.48000000000002C142.36,133.12,141.8,133.6,141.16,136.07999999999998C140.51999999999998,133.68,140.04000000000002,133.12,137.56,132.48000000000002C139.95999999999998,131.84,140.51999999999998,131.28,141.16,128.88C141.8,131.28,142.28,131.84,144.76,132.48000000000002ZM31.16,73.03999999999999C26.28,74.32,25.240000000000002,75.36,23.96,80.24C22.68,75.36,21.64,74.32,16.76,73.03999999999999C21.64,71.75999999999999,22.68,70.72,23.96,65.84C25.240000000000002,70.72,26.28,71.75999999999999,31.16,73.03999999999999ZM128.36,33.519999999999996C125.96,34.16,125.48,34.64,124.84,37.04C124.2,34.64,123.72,34.16,121.32,33.519999999999996C123.72,32.879999999999995,124.2,32.4,124.84,30C125.4,32.4,125.96,32.879999999999995,128.36,33.519999999999996ZM137.88,21.2C131.64,22.8,130.36,24.16,128.68,30.4C127.08,24.16,125.72,22.880000000000003,119.48,21.2C125.72,19.6,127,18.240000000000002,128.68,12C130.28,18.16,131.64,19.52,137.88,21.2ZM122.36,52.72C122.36,52.56,122.36,52.4,122.28,52.32L122.28,52.24C122.28,52.16,122.2,52,122.2,51.92C122.2,51.84,122.2,51.84,122.12,51.76C122.04,51.68,122.04,51.6,121.96,51.52L121.88,51.44C121.8,51.36,121.72,51.2,121.64,51.12L99.24,28.72C99.16,28.64,99.08,28.56,98.92,28.48L98.84,28.4C98.76,28.32,98.68,28.32,98.6,28.24C98.52,28.24,98.52,28.24,98.44,28.16C98.36,28.08,98.2,28.08,98.12,28.08L98.04,28.08C97.88,28.08,97.72,28,97.64,28L55.96,28C45.8,28,37.56,36.239999999999995,37.56,46.4L37.56,118.4C37.56,128.56,45.8,136.8,55.96,136.8L103.96,136.8C114.12,136.8,122.36,128.56,122.36,118.4L122.36,52.72C122.36,52.8,122.36,52.8,122.36,52.72ZM99.96,36.16L114.2,50.4L99.96,50.4L99.96,36.16ZM103.96,132L55.96,132C48.44,132,42.36,125.92,42.36,118.4L42.36,46.4C42.36,38.879999999999995,48.44,32.8,55.96,32.8L95.16,32.8L95.16,52.8C95.16,54.16,96.2,55.2,97.56,55.2L117.56,55.2L117.56,118.4C117.56,125.92,111.48,132,103.96,132Z"
                      fill="#1BD0B7" fill-opacity="0.6600000262260437"/>
                  </g>
                </g>
              </svg>
              暂无公告信息
            </el-col>
          </el-row>
        </div>
      </div>
    </el-card>
  </div>
</template>

<script>
export default {
  name: "HomeCard",
  props: ['title', 'sourceData', 'category'],
  data() {
    return {
      titleIn: "",
      data: null,
    }
  },
  created() {
    this.titleIn = this.title;
  },
  mounted() {

  },
  watch: {
    sourceData(val) {
      this.data = val.rows;
    }
  }

}
</script>

<style lang="scss" scoped>
::v-deep .el-card__header {
  padding: 0px;
  min-height: 48px;
  height: 48px;
}

.card {
  width: 675px;
  height: 290px;
  border-radius: 12px;
  opacity: 1;
  background: #FFFFFF;
}

.cardHeader {
  width: 562px;
  height: 48px;
  border-radius: 12px 0px 0px 0px;
  opacity: 1;
  background: linear-gradient(90deg, #1AD0B6 0%, rgba(255, 255, 255, 0.00) 100%);
  text-align: left;

  .cardTitle {
    font-family: MicrosoftYaHei;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0em;
    color: #FFFFFF;
    padding: 10px 0 9px 20px;
  }
}

.headerMore {
  font-family: MicrosoftYaHei, sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 22px;
  letter-spacing: 0em;
  color: #666666;
  margin-right: 20px;
}

.headerMore:hover {
  color: #13B69F;
  cursor: pointer;

  svg:hover path {
    fill: #13B69F;
  }
}

.emptyData {
  text-align: center;
  display: flex;
  align-content: space-around;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding-top: 30px;
  color: #999999;
  font-family: MicrosoftYaHei, sans-serif;
}

ul {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;

  li {
    margin: 20px 0 0 20px;
    list-style: none;
    font-family: MicrosoftYaHei, serif;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: MicrosoftYaHei, serif;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0em;

    color: #3D3D3D;

    .content {
      width: 540px;
      display: flex;
      justify-content: flex-start;
      align-items: center;
    }

  }

  li:hover {
    color: #13B69F;
    cursor: pointer;
  }
}

@media screen and (max-width: 767px){
  // 宽度自适应
  .card{
    width: 100%;
    height: auto;
  }
  // 标题宽度计算
  .cardHeader{
    width: calc(100% - 80px);
  }

  ul {
    padding-bottom: 10px;
    a{
      width: 100%;
      li{
        margin-left: 6px;
        // 固定文字宽度
        .content span{
          display: block;
          text-align: left;
          width: calc(100% - 50px);
        }
        // 隐藏日期
        .datetime{
          display: none;
        }
      }
    }
  }
}
</style>
